<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/css/swiper.min.css" />
		<script src="../js/js/swiper.min.js"></script>
		<script src="../jquery-2.2.3.min.js"></script>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			#main {
				/*text-align: center;*/
				width: 910px;
				margin: 0 auto;
			}
			
			a {
				text-decoration: none;
			}
			
			li {
				list-style: none;
			}
			
			#header {
				width: 910px;
				height: 100px;
				margin: 0 auto;
				position: relative;
				/*background: url(../img/FEAF692865C98592E5E9384A5F338282.png) right  ;*/
			}
			
			#logo {
				position: absolute;
				top: 3px;
			}
			
			#nav {
				/*border: 1px solid black;*/
				width: 726px;
				height: 100px;
				position: absolute;
				left: 180px;
				top: 4px;
				background: url(../img/FEAF692865C98592E5E9384A5F338282.png) right center;
				/*background-color: rgb(34, 100, 64);*/
				/*border-radius: 5px;*/
			}
			
			#nav li {
				display: inline-block;
				line-height: 33px;
				margin-left: 50px;
				margin-top: 33px;
			}
			
			#nav a {
				color: white;
				margin-left: 8px;
			}
			
			#nav a:hover {
				color: gold;
			}
			
			.last {
				width: 146px;
				background: url(../img/menu.jpg) right;
			}
			
			#drop-menu {
				display: none;
				z-index: 10;
				position: absolute;
				width: 200px;
				top: 72px;
				left: 350px;
				background: rgb(12, 162, 81);
				font-size: 13px;
				border: 2px solid darkgrey;
			}
			
			#drop-menu li {
				height: 30px;
				padding-left: 10px;
			}
			
			#drop-menu a {
				color: white;
				line-height: 30px;
			}
			
			#top {
				width: 730px;
				height: 30px;
				position: absolute;
				top: 10px;
				right: 10px;
			}
			
			#language {
				position: absolute;
				right: 0;
				z-index: 10;
			}
			
			#top span {
				font-size: 10px;
				position: absolute;
				left: -20px;
				z-index: 2;
			}
			
			#language a {
				color: black;
				font-size: 13px;
			}
			
			#inter {
				width: 200px;
				height: 25px;
			}
			
			#middle {
				width: 910px;
				/*height: 500px;*/
				margin: 0 auto;
			}
			#middleTop p{
				font-size: 13px;
			}
			
			
			
			
			
			
			
			#bottom {				
				width: 910px;
				height: 300px;
				clear: both;
			}			
			#bLeft {
				float: left;
			}
			
			#bRight {
				float: right;
			}			
			#codeImg {
				display: none;
				z-index: 5;
				position: absolute;
				top: 410px;
				right: 470px;
			}
			
			#b-top {
				clear: both;
				width: 350px;							
				margin: 0 auto;
				font-size: 10px;
			}
			
			#b-bottom {
				width: 350px;
				clear: both ;
				font-size: 10px;
				margin: 0 auto;
				margin-top: 20px;
			}
			#b-bottom p{
				text-align: center;
			}
		</style>
	</head>

	<body>
		<!--全局div-->
		<div id="main">
			<div id="header">
				<a href="###" id="logo"><img src="../img/logo.jpg" /></a>
				<div id="top">
					<span>中国</span>
					<div id="language">
						<select name="" id="inter">
							<option value="">select language</option>
							<option value="">Chinese</option>
							<option value="">English</option>
						</select> 丨
						<a href="###">进入全球官网</a>
					</div>
				</div>
				<div id="nav">
					<ul>
						<li>
							<a href="###">新闻动态</a>
						</li>
						<li id="drop">
							<a href="###">美食与营养</a>
						</li>
						<li>
							<a href="###">加盟流程</a>
						</li>
						<li>
							<a href="###">关于我们</a>
						</li>
						<li class="last">
							<a href="###">快餐店位置查询</a>
						</li>
					</ul>
				</div>
				<!--美食与营养下拉菜单-->
				<div id="drop-menu">
					<ul>
						<li>
							<a href="###">超值 Value</a>
						</li>
						<hr />
						<li>
							<a href="###">经典 Classic</a>
						</li>
						<hr />
						<li>
							<a href="###">精选 Premium</a>
						</li>
						<hr />
						<li>
							<a href="###">低脂 Low Fat</a>
						</li>
						<hr />
						<li>
							<a href="###">百味卷 Wrap</a>
						</li>
						<hr />
						<li>
							<a href="###">沙拉 Salad</a>
						</li>
						<hr />
						<li>
							<a href="###">聚餐服务 Catering</a>
						</li>
						<hr />
						<li>
							<a href="###">饮料和小食 Drinks Sides</a>
						</li>
						<hr />
						<li>
							<a href="###">早餐 Breakfast</a>
						</li>
						<hr />
						<li>
							<a href="###">营养 Nutrition</a>
						</li>
						<hr />
						<li>
							<a href="###">如何点餐 How To Order</a>
						</li>
					</ul>
				</div>
			</div>

			<!--中间-->
			<div id="middle">
				<div id="middleTop">
					<div>
						<img src="../img/2016080313420958e09c.png"/>
						<p>在 SUBWAY® 赛百味家庭，我们以能够为您提供特别的加盟商机而自豪。
							我们努力为加盟商能够成功地运营当地分店提供工具和资料，并鼓励加盟商学习能够同时
							开办和运营多家分店的技巧。在过去的 22 年内，SUBWAY® 赛百味快餐店曾被 《企业家》
							杂志 16 次评为最佳加盟商机。能创造这样的记录非常困难，而且加盟商会因为投资世界最大
							的潜水艇三明治连锁机构而受益。SUBWAY®快餐店为顾客提供卫生、美味和快捷的食物代替
							脂肪量高的油腻快餐，并为加盟商提供更多便利。SUBWAY® 赛百味快餐店的成功理念是：
							只需少量投资和很少场地的小店加盟。
						</p>

					</div>
				</div>
				<div id="middleBottom">
					<div id="dream">理想的加盟商 <img src="../img 7/jian.pn"/><img src="../img/xiajian .png"/></div>
					<div id="dreamContent">
						<p>流利的普通话沟通能力（听说读写）</p>
                         <p> 百分之百投入赛百味®餐厅的经营</p>
                     <p> 目前居住在申请加盟的区域，并且已经在该区域居住至少三年（需相关证明资料）</p>
                    <p> 每年至少有320天是在该区域内生活（需相关证明资料）</p>
                   <p> 以个人名义申请，并非公司组织</p>
                    <p>个人名下存款至少80万人民币</p>
                    <p>一定的餐饮管理经验</p>
                    <p>完全遵守赛百味®的经营操作标准以及指示说明</p>
                    <p>＊如您有意向后期发展成为区域代理，则需有流利的英语听说读写的能力。</p></div>
                    <div id="application">
                    	
                    </div>
					<div id="appContent">
						
					</div>
					<div id="invest">
						
					</div>
					<div id="investContent">
						
					</div>
				</div>
			</div>
			

			<!--下部-->
			<div id="bottom">
				<div id="bLeft">
					<a href="###"><img src="../img/home-box-1_CN.jpg" /></a>
					<a href="###"><img src="../img/home-box-2_CN.jpg" /></a>
					<a href="###"><img src="../img/home-box-3_CN.jpg" /></a>
				</div>
				<div id="bRight">
					<a href="###"><img src="../img/weibo_CN.jpg" /></a>
					<a href=""><img src="../img/weixin_CN.jpg" id="weChat" /></a>
					<img src="../img/code.png" id="codeImg" />
				</div>
				<div id="b-top">
					<a href="###">主页</a>丨
					<a href="###">菜单/营养</a> 丨
					<a href="###">如何加盟 </a> 丨
					<a href="###">关于我们</a> 丨
					<a href="###">快餐店位置查询</a>
					<br />
					<a href="###">联系我们</a> 丨
					<a href="###"> 使用条款</a> 丨
					<a href="###">隐私权政策</a> 丨
					<a href="###">SUBWAY Partners™</a>
				</div>
				<div id="b-bottom">
					SUBWAY® is a Registered Trademark of Subway IP Inc.
					<br />
					<p>®2016 Subway IP Inc.</p> 
				</div>
			</div>
		</div>
		<script>
			// 美食下拉菜单
			var dropMenu = document.getElementById("drop-menu");
			var drop = document.getElementById("drop");
			var weChat = document.getElementById("weChat");
			var codeImg = document.getElementById("codeImg");
			var theaArr = document.querySelectorAll("#drop-menu a");
			var btImgArr = document.querySelectorAll("#bottom img");
			var selOpition = document.querySelectorAll("#inter>option");

			// 下拉菜单
			drop.onmouseover = function() {
				dropMenu.style.display = "block";
				for(var i = 0; i < theaArr.length; i++) {
					theaArr[i].onmouseover = function() {
						this.style.color = "gold";
					}
					theaArr[i].onmouseout = function() {
						this.style.color = "";
					}
				}
			}
			dropMenu.onmouseleave = function() {
					dropMenu.style.display = "none";
				}
				// 二维码图片
			weChat.onmouseover = function() {
				codeImg.style.display = "block";
			}
			weChat.onmouseout = function() {
				codeImg.style.display = "none";
			}

			for(var i = 0; i < btImgArr.length; i++) {
				btImgArr[i].onmouseenter = function() {
					this.style.background = "gold";

				}
			}
			
		   
		</script>
	</body>

</html>